<template>
  <view :style="themeColor">
    <view class="page">
      <view class="flex benben-position-layout flex flex-wrap align-center rurchaseMembership_flex_0"
        :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex flex-wrap align-center justify-between flex-sub rurchaseMembership_fd0_0'>
          <view class='flex flex-wrap align-center rurchaseMembership_fd0_0_c0' @tap.stop="handleJumpDiy"
            data-type="back" data-url="1">
            <text class='fu-iconfont2  rurchaseMembership_fd0_0_c0_c0'>&#xE794;</text>
          </view>
          <view class='flex flex-wrap align-stretch justify-center'>
            <text class='rurchaseMembership_fd0_0_c1_c0'>购买VIP</text>
          </view>
          <view class='flex flex-wrap align-center justify-end rurchaseMembership_fd0_0_c0'>
          </view>
        </view>

      </view>
      <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout rurchaseMembership_flex_1">
        <view class='flex flex-direction flex-wrap align-start rurchaseMembership_fd1_0'>
          <image class='rurchaseMembership_fd1_0_c0' mode="aspectFit" :src='STATIC_URL+"157.png"'></image>
          <image class='rurchaseMembership_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"158.png"'></image>
        </view>
        <view class='flex flex-direction flex-wrap rurchaseMembership_fd1_1'>
          <benben-select-diy ref="showSelectPopup1706695094312"
            class-name='flex align-center flex-wrap justify-between rurchaseMembership_fd1_1_c0'
            :items.sync="preferentialType" v-model="preferential_id" default-type="aid" default-label="mingcheng"
            :allow-cancel='false' type="radio" :disabled='false'>
            <template v-for='(item,key0) in preferentialType'>
              <view v-if="item.isSelected" class='flex flex-direction align-center flex rurchaseMembership_fd1_1_c0_c0'
                :key="key0" @tap="chooseVip(item,key0)">
                <view class='flex flex-wrap align-center'>
                  <text class='rurchaseMembership_fd1_1_c0_c0_c0_c0'><text
                      class="text-xxl">{{item.mingcheng}}</text>年</text>
                </view>
                <view class='flex flex-wrap align-center rurchaseMembership_fd1_1_c0_c0_c1'>
                  <text class='rurchaseMembership_fd1_1_c0_c0_c1_c0'>￥</text>
                  <text class='rurchaseMembership_fd1_1_c0_c0_c1_c1'>{{item.jine}}</text>
                </view>
                <view class='flex flex-wrap align-center rurchaseMembership_fd1_1_c0_c0_c1' v-if="item.huaxianjia!='0'">
                  <text class='rurchaseMembership_fd1_1_c0_c0_c2_c0'>￥</text>
                  <text class='rurchaseMembership_fd1_1_c0_c0_c2_c0'>{{item.huaxianjia}}</text>
                </view>
                <view class='flex flex-wrap align-center rurchaseMembership_fd1_1_c0_c0_c1'>
                  <text class='rurchaseMembership_fd1_1_c0_c0_c3_c0'><text
                      class="text-lg">{{item.zhekoushuoming}}</text><text v-if="item.aid!=3">优惠</text></text>
                </view>
                <view class='flex flex-wrap align-center justify-center rurchaseMembership_fd1_1_c0_c0_c4'>
                  <image class='rurchaseMembership_fd1_1_c0_c0_c4_c0' mode="aspectFit" :src='STATIC_URL+"162.png"'>
                  </image>
                  <text class='rurchaseMembership_fd1_1_c0_c0_c4_c1'>{{item.biaoqian}}</text>

                </view>
                <view class="text-xs text-white tagba" v-if="item.biaoqian2">{{item.biaoqian2}}</view>
              </view>
              <view v-else class='flex flex-direction align-center flex rurchaseMembership_fd1_1_c0_c1' :key="key0"
                @tap="chooseVip(item,key0)">
                <view class='flex flex-wrap align-center'>
                  <text class='rurchaseMembership_fd1_1_c0_c1_c0_c0'><text
                      class="text-xxl">{{item.mingcheng}}</text>年</text>
                </view>
                <view class='flex flex-wrap align-center rurchaseMembership_fd1_1_c0_c0_c1'>
                  <text class='rurchaseMembership_fd1_1_c0_c1_c1_c0'>￥</text>
                  <text class='rurchaseMembership_fd1_1_c0_c1_c1_c1'>{{item.jine}}</text>
                </view>
                <view class='flex flex-wrap align-center rurchaseMembership_fd1_1_c0_c0_c1' v-if="item.huaxianjia!='0'">
                  <text class='rurchaseMembership_fd1_1_c0_c0_c2_c0'>￥</text>
                  <text class='rurchaseMembership_fd1_1_c0_c0_c2_c0'>{{item.huaxianjia}}</text>
                </view>
                <view class='flex flex-wrap align-center rurchaseMembership_fd1_1_c0_c0_c1'>
                  <text class='rurchaseMembership_fd1_1_c0_c1_c3_c0'><text
                      class="text-lg">{{item.zhekoushuoming}}</text><text v-if="item.aid!=3">优惠</text></text>
                </view>
                <view class='flex flex-wrap align-center justify-center rurchaseMembership_fd1_1_c0_c0_c4'>
                  <image class='rurchaseMembership_fd1_1_c0_c0_c4_c0' mode="aspectFit" :src='STATIC_URL+"162.png"'>
                  </image>
                  <text class='rurchaseMembership_fd1_1_c0_c0_c4_c1'>{{item.biaoqian}}</text>

                </view>
                <view class="text-xs text-white tagba" v-if="item.biaoqian2">{{item.biaoqian2}}</view>
              </view>
            </template></benben-select-diy>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch rurchaseMembership_fd1_2'>
          <view class='flex flex-wrap align-center rurchaseMembership_fd2_0_c0'>
            <text class='rurchaseMembership_fd2_0_c0_c0'>会员权限</text>
          </view>
          <view class="">
            <view class="flex justify-around align-center titlehewder" style="border-bottom: 2rpx solid #424446;">
              <view style="width: 40%;">可享受权限</view>
              <view style="width: 30%;text-align: center;">VIP会员</view>
              <view style="width: 30%;">SVIP高级会员</view>
            </view>
            <view class="flex justify-around align-center titlehewder">
              <view style="width: 45%;">会员专享行情分析</view>
              <view style="width: 25%;">
                <image class='icons' style="margin:0 0 0 45rpx" mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
              <view style="width: 30%;">
                <image class='icons' mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
            </view>
            <view class="flex justify-around align-center titlehewder">
              <view style="width: 45%;">会员专享风险提醒</view>
              <view style="width: 25%;">
                <image class='icons' style="margin:0 0 0 45rpx" mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
              <view style="width: 30%;">
                <image class='icons' mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
            </view>
            <view class="flex justify-around align-center titlehewder">
              <view style="width: 45%;">不限次数发布出售信息</view>
              <view style="width: 25%;">
                <image class='icons' style="margin:0 0 0 45rpx" mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
              <view style="width: 30%;">
                <image class='icons' mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
            </view>
            <view class="flex justify-around align-center titlehewder">
              <view style="width: 45%;">不限次数发布求购信息</view>
              <view style="width: 25%;">
                <image class='icons' style="margin:0 0 0 45rpx" mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
              <view style="width: 30%;">
                <image class='icons' mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
            </view>
            <view class="flex justify-around align-center titlehewder">
              <view style="width: 48%;">全国汽运/铁路物流资源</view>
              <view style="width: 25%;">
                <image class='icons' style="margin:0 0 0 36rpx" mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
              <view style="width: 30%;">
                <image class='icons' mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
            </view>
            <view class="flex justify-around align-center titlehewder">
              <view style="width: 45%;">入驻/使用粮站地图</view>
              <view style="width: 25%;">
                <image class='icons' style="margin:0 0 0 45rpx" mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
              <view style="width: 30%;">
                <image class='icons' mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
            </view>
            <view class="flex justify-around flex-wrap flex align-start titlehewders">
              <view style="width: 45%;" class="flex flex-direction">
                <view>全国粮站筛选</view>
                <view class="text-xs margin-top-xs">(筛子/烘干塔/规模/下雨天
                  能否装货等一目了然)</view>
              </view>
              <view style="width: 25%;">
                <image class='icons' style="margin:0 0 0 45rpx" mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
              <view style="width: 30%;">
                <image class='icons' mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
            </view>
            <view class="flex justify-around align-center titlehewder">
              <view style="width: 45%;">联系厂家采购</view>
              <view style="width: 25%;">
                <image class='icons' style="margin:0 0 0 45rpx" mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
              <view style="width: 30%;">
                <image class='icons' mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
            </view>
            <view class="flex justify-around align-center titlehewder">
              <view style="width: 45%;">联系厂家接货人</view>
              <view style="width: 25%;">
                <image class='icons' style="margin:0 0 0 45rpx" mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
              <view style="width: 30%;">
                <image class='icons' mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
            </view>
            <view class="flex justify-around align-center titlehewder">
              <view style="width: 45%;">大货专人客户帮您买卖</view>
              <view style="width: 25%;">
                <!-- <image class='icons' style="margin:0 0 0 45rpx" mode="aspectFit" :src='STATIC_URL+"189.png"'></image> -->
              </view>
              <view style="width: 30%;">
                <image class='icons' mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
            </view>
            <view class="flex justify-around align-center titlehewder">
              <view style="width: 45%;">全国一手大货信息服务</view>
              <view style="width: 25%;">
                <!-- <image class='icons' style="margin:0 0 0 45rpx" mode="aspectFit" :src='STATIC_URL+"189.png"'></image> -->
              </view>
              <view style="width: 30%;">
                <image class='icons' mode="aspectFit" :src='STATIC_URL+"189.png"'></image>
              </view>
            </view>
          </view>
        </view>
        <view style="height: 120rpx;width: 100%;"></view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <!-- <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout rurchaseMembership_flex_2">
        <view class='flex flex-direction flex-wrap align-stretch rurchaseMembership_fd2_0'>
          <view class='flex flex-wrap align-center rurchaseMembership_fd2_0_c0'>
            <text class='rurchaseMembership_fd2_0_c0_c0'>非会员权限</text>
          </view>
          <view class='flex flex-wrap align-center justify-between rurchaseMembership_fd2_0_c1'>
            <view class='flex flex-direction flex-wrap align-center'>
              <image class='rurchaseMembership_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"141.png"'></image>
              <text class='rurchaseMembership_fd2_0_c1_c0_c1'>发布求购</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center'>
              <image class='rurchaseMembership_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"142.png"'></image>
              <text class='rurchaseMembership_fd2_0_c1_c0_c1'>拨打出售信息</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center'>
              <image class='rurchaseMembership_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"143.png"'></image>
              <text class='rurchaseMembership_fd2_0_c1_c0_c1'>实时行情</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center'>
              <image class='rurchaseMembership_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"144.png"'></image>
              <text class='rurchaseMembership_fd2_0_c1_c0_c1'>晨间车辆</text>
            </view>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch rurchaseMembership_fd2_0'>
          <view class='flex flex-wrap align-center rurchaseMembership_fd2_0_c0'>
            <text class='rurchaseMembership_fd2_0_c0_c0'>会员权限</text>
          </view>
          <view class='flex flex-wrap align-start rurchaseMembership_fd2_1_c1'>
            <view class='flex flex-direction flex-wrap align-center rurchaseMembership_fd2_1_c1_c0'>
              <image class='rurchaseMembership_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"141.png"'></image>
              <text class='rurchaseMembership_fd2_0_c1_c0_c1'>发布求购</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center rurchaseMembership_fd2_1_c1_c0'>
              <image class='rurchaseMembership_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"147.png"'></image>
              <text class='rurchaseMembership_fd2_0_c1_c0_c1'>对接接货人</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center rurchaseMembership_fd2_1_c1_c0'>
              <image class='rurchaseMembership_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"148.png"'></image>
              <text class='rurchaseMembership_fd2_0_c1_c0_c1'>厂家合同</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center rurchaseMembership_fd2_1_c1_c0'>
              <image class='rurchaseMembership_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"149.png"'></image>
              <text class='rurchaseMembership_fd2_0_c1_c0_c1'>大宗买卖</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center rurchaseMembership_fd2_1_c1_c0'>
              <image class='rurchaseMembership_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"150.png"'></image>
              <text class='rurchaseMembership_fd2_0_c1_c0_c1'>全国装车价</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center rurchaseMembership_fd2_1_c1_c0'>
              <image class='rurchaseMembership_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"151.png"'></image>
              <text class='rurchaseMembership_fd2_0_c1_c0_c1'>行业资讯</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center rurchaseMembership_fd2_1_c1_c0'>
              <image class='rurchaseMembership_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"152.png"'></image>
              <text class='rurchaseMembership_fd2_0_c1_c0_c1'>发布出售</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center rurchaseMembership_fd2_1_c1_c0'>
              <image class='rurchaseMembership_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"153.png"'></image>
              <text class='rurchaseMembership_fd2_0_c1_c0_c1'>更多客户</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center rurchaseMembership_fd2_1_c1_c0'>
              <image class='rurchaseMembership_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"154.png"'></image>
              <text class='rurchaseMembership_fd2_1_c1_c8_c1'>长期贸易
                客户</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center rurchaseMembership_fd2_1_c1_c0'>
              <image class='rurchaseMembership_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"142.png"'></image>
              <text class='rurchaseMembership_fd2_1_c1_c8_c1'>拨打求购
                信息</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center rurchaseMembership_fd2_1_c1_c0'>
              <image class='rurchaseMembership_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"155.png"'></image>
              <text class='rurchaseMembership_fd2_0_c1_c0_c1'>厂家变动
                立即通知</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center rurchaseMembership_fd2_1_c1_c0'>
              <image class='rurchaseMembership_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"156.png"'></image>
              <text class='rurchaseMembership_fd2_0_c1_c0_c1'>专属客服</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center rurchaseMembership_fd2_1_c1_c0'>
              <image class='rurchaseMembership_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"145.png"'></image>
              <text class='rurchaseMembership_fd2_0_c1_c0_c1'>精准客户匹
                配立即通知</text>
            </view>
          </view>
        </view>

      </view> -->
      <view class="flixed-bottom">
        <view class='flex flex-wrap align-center justify-center login_fd0_4'>
          <benben-flex-switch-new class-name='flex flex' v-model="id_tk" :disabled='false'>
            <template v-slot:checked>

              <view class='flex flex position-relative align-center'>
                <image class='login_checkfd0_4_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"26.png"'></image>
              </view>

            </template>
            <template v-slot:unchecked>

              <view class='flex flex position-relative justify-end align-center'>
                <image class='login_noCheckfd0_4_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"27.png"'></image>
              </view>

            </template>
          </benben-flex-switch-new>
          <text class='login_fd0_4_c1'>阅读并同意</text>
          <text class='login_fd0_4_c2' @tap.stop="handleJumpDiy" data-type="navigateTo"
            :data-url="`/pages/dlzc/agreements/agreements?id=19`">《会员协议》</text>
        </view>
        <view class='flex flex-wrap align-center justify-between rurchaseMembership_fd2_2'>
          <view class='flex flex-wrap align-center rurchaseMembership_fd2_2_c0'>
            <text class='rurchaseMembership_fd2_2_c0_c0'>应付：</text>
            <text class='rurchaseMembership_fd2_2_c0_c0'>￥</text>
            <text class='rurchaseMembership_fd2_2_c0_c0'>{{jine}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-center rurchaseMembership_fd2_2_c1' @tap.stop="submit">
            <text class='rurchaseMembership_fd2_2_c1_c0'>确认支付</text>
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <benben-popup v-model="popupShow1706712098210" :mask="true" :mask-close-able="false" mode='center' :z-index='999'>
        <!---flex布局flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout rurchaseMembership_flex_3">
          <view class='flex flex-direction flex-wrap align-center rurchaseMembership_fd3_0'>
            <text class='rurchaseMembership_fd3_0_c0'>购买成功 !</text>
            <text class='rurchaseMembership_fd3_0_c1'>您将享受一下权益</text>
            <text class='rurchaseMembership_fd3_0_c2'>1：vip权益免费发布出售</text>
            <!-- <text class='rurchaseMembership_fd3_0_c3'>2：vip权益免费发布出售</text>
            <text class='rurchaseMembership_fd3_0_c3'>3：vip权益免费发布出售</text> -->
            <button class='rurchaseMembership_fd3_0_c5' @tap.stop="handleJumpDiy" data-type="reLaunch"
              :data-url="`/pages/tabBar/myWode/myWode`">确定</button>
          </view>
        </view>

        <!---flex布局flex布局结束-->

      </benben-popup>


    </view>
  </view>
</template>
<script>
  export default {
    components: {},


    data() {
      return {
        "popupShow1706712098210": false,
        "preferentialType": [],
        "preferential_id": "",
        jine: '',
        id_tk: false
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },

    },
    watch: {},
    onLoad(options) {
      this.getType()
    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {

    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {

    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      chooseVip(item, key0) {
        this.jine = item.jine
        this.$refs.showSelectPopup1706695094312.tapHandle(key0)
      },
      getType() {
        this.$api.post(global.apiUrls.post65d44cb520a85).then(res => {
          if (res.data.code == 1) {
            this.preferentialType = res.data.data
            this.jine = this.preferentialType[1].jine
            this.preferential_id = this.preferentialType[1].aid
          }
        })
      },
      async goPay(orser_sn) {
        if (!this.id_tk) {
          this.$message.info('请购选会员协议')
          return
        }

        return;
        let data62e335233b477 = await this.$api.post(global.apiUrls.post645cc048d1f34, {
          order_sn: orser_sn
        })
        if (data62e335233b477.data.code != 1) {
          this.$message.info(data62e335233b477.data.msg);
          return
        }
        await this.requestPaymentAli(data62e335233b477.data.data)
        this.popupShow1706712098210 = true
        return;
        await this.$api.post(global.apiUrls.post645cc048d1f34, {
          order_sn: orser_sn
        }).then(res => {
          if (res.data.code == 1) {
            this.requestPaymentAli(res.data.data)
          } else {
            this.$message.info(res.data.msg)
          }
        })
      },
      submit() {
        if (!this.id_tk) {
          this.$message.info('请购选会员协议')
          return
        }
        this.$api.post(global.apiUrls.post65d44e2f3886d, {
          jiage: this.jine,
          leixing: '1',
          vip_id: this.preferential_id
        }).then(res => {
          if (res.data.code == 1) {
            this.popupShow1706712098210 = false
            console.log('ressss', res.data.data.dingdanhao)
            uni.redirectTo({
              url: `/pages/wode/rurchaseMembership/payMent?time=600&money=${this.jine}&order_sn=${res.data.data.dingdanhao}`
            })
            // uni.navigateBack()
          } else {
            this.$message.info(res.data.msg)
          }
        })
      },
    }
  };
</script>
<style lang="scss" scoped>
  .login_fd0_4_c3 {
    color: var(--benbenFontColor2);
    font-size: 28rpx;
    font-weight: 400;
    line-height: 33rpx;
  }

  .login_fd0_4_c2 {
    color: rgba(37, 104, 174, 1);
    font-size: 28rpx;
    font-weight: 400;
    line-height: 33rpx;
  }

  .login_fd0_4_c1 {
    color: var(--benbenFontColor2);
    font-size: 28rpx;
    font-weight: 400;
    line-height: 33rpx;
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .login_noCheckfd0_4_c0_c1_c0 {
    border-radius: 24rpx 24rpx 24rpx 24rpx;
    width: 32rpx;
    height: 32rpx;
  }

  .login_checkfd0_4_c0_c0_c0 {
    width: 32rpx;
    height: 32rpx;
    border-radius: 24rpx 24rpx 24rpx 24rpx;
  }

  .login_fd0_4 {
    // position: fixed;
    // bottom: calc(48rpx + var(--window-bottom));
    // left: 0rpx;
    width: 750rpx;
  }

  .titlehewder {
    width: 100%;
    height: 80rpx;
    line-height: 80rpx;
    color: #FAEADD;
    font-size: 28rpx;

    .icons {
      width: 36rpx;
      height: 36rpx;
      display: block;
      margin: 0 auto;
    }
  }

  .titlehewders {
    padding: 20rpx 0 10rpx 0;
    width: 100%;
    // height: 80rpx;
    // line-height: 80rpx;
    color: #FAEADD;
    font-size: 28rpx;

    .icons {
      width: 36rpx;
      height: 36rpx;
      display: block;
      margin: 0 auto;
    }
  }

  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: url(image-path('139.png')) no-repeat;
    background-size: 100% 100%;
  }

  .rurchaseMembership_flex_0 {
    background: url(image-path('139.png')) no-repeat;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
    border-bottom: 2rpx solid rgba(231, 191, 155, 0.3);
  }

  .rurchaseMembership_fd0_0_c1_c0 {
    font-size: 36rpx;
    font-weight: 700;
    color: rgba(231, 191, 155, 1);
    line-height: 50rpx;
  }

  .rurchaseMembership_fd0_0_c0_c0 {
    font-size: 36rpx;
    color: rgba(255, 255, 255, 1);
  }

  .rurchaseMembership_fd0_0_c0 {
    width: 120rpx;
  }

  .rurchaseMembership_fd0_0 {
    padding: 0rpx 32rpx 0rpx 32rpx;
  }

  .rurchaseMembership_flex_1 {
    background: url(image-path('140.png')) no-repeat;
    background-size: 100% 100%;
    margin-top: 50rpx;
  }

  .rurchaseMembership_fd1_2_c0_c0 {
    color: #FAEADD;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .rurchaseMembership_fd1_2_c0 {
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .rurchaseMembership_fd1_2 {
    border: 1px solid rgba(66, 68, 70, 1);
    background: rgba(19, 21, 25, 1);
    margin: 30rpx 44rpx 11rpx 44rpx;
    border-radius: 24rpx;
    background-size: 100% auto;
    padding: 0rpx 24rpx 100rpx 24rpx;
  }

  .rurchaseMembership_fd1_1_c0_c1_c3_c0 {
    color: rgba(172, 172, 186, 1);
    font-size: 20rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .rurchaseMembership_fd1_1_c0_c1_c1_c1 {
    color: rgba(242, 216, 193, 1);
    font-size: 46rpx;
    font-weight: 600;
    line-height: 57rpx;
  }

  .rurchaseMembership_fd1_1_c0_c1_c1_c0 {
    color: rgba(242, 216, 193, 1);
    font-size: 24rpx;
    font-weight: 700;
    line-height: 29rpx;
  }

  .rurchaseMembership_fd1_1_c0_c1_c0_c0 {
    color: rgba(255, 255, 255, 1);
    font-size: 32rpx;
    font-weight: 700;
    line-height: 38rpx;
  }

  .rurchaseMembership_fd1_1_c0_c1 {
    background: url(image-path('160.png')) no-repeat;
    border-radius: 24rpx 60rpx 24rpx 24rpx;
    width: 235rpx;
    background-size: 100% 100%;
    padding: 20rpx 0rpx 16rpx 0rpx;
    position: relative;
    margin-top: 50rpx;
  }

  .rurchaseMembership_fd1_1_c0_c0_c4_c1 {
    color: #FFFFFF;
    font-size: 22rpx;
    font-weight: 400;
    line-height: 22rpx;
  }

  .rurchaseMembership_fd1_1_c0_c0_c4_c0 {
    width: 24rpx;
    height: 22rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 7rpx 0rpx 0rpx;
  }

  .rurchaseMembership_fd1_1_c0_c0_c4 {
    background: url(image-path('161.png')) no-repeat;
    width: 139rpx;
    height: 37rpx;
    background-size: 100% 100%;
    position: absolute;
    top: -25rpx;
    left: 0rpx;
  }

  .tagba {
    background-color: #DB443B;
    position: absolute;
    bottom: 0rpx;
    right: 0rpx;
    padding: 6rpx 20rpx;
    border-radius: 16rpx 0 16rpx 0;
    z-index: 9;
  }

  .rurchaseMembership_fd1_1_c0_c0_c3_c0 {
    color: #573019;
    font-size: 20rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .rurchaseMembership_fd1_1_c0_c0_c2_c0 {
    color: #E97432;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
    text-decoration: line-through;
  }

  .rurchaseMembership_fd1_1_c0_c0_c1_c1 {
    color: #E97432;
    font-size: 46rpx;
    font-weight: 600;
    line-height: 57rpx;
  }

  .rurchaseMembership_fd1_1_c0_c0_c1_c0 {
    color: #E97432;
    font-size: 24rpx;
    font-weight: 700;
    line-height: 29rpx;
  }

  .rurchaseMembership_fd1_1_c0_c0_c1 {
    margin: 14rpx 0rpx 0rpx 0rpx;
  }

  .rurchaseMembership_fd1_1_c0_c0_c0_c0 {
    color: #613E28;
    font-size: 32rpx;
    font-weight: 700;
    line-height: 38rpx;
  }

  .rurchaseMembership_fd1_1_c0_c0 {
    background: url(image-path('159.png')) no-repeat;
    border-radius: 24rpx 60rpx 24rpx 24rpx;
    width: 235rpx;
    background-size: 100% 100%;
    padding: 20rpx 0rpx 16rpx 0rpx;
    position: relative;
    margin-top: 50rpx;
  }

  ::v-deep .rurchaseMembership_fd1_1_c0 {
    padding: 24rpx 55rpx 32rpx 55rpx;
  }

  .rurchaseMembership_fd1_1 {
    background: rgba(19, 21, 25, 1);
    margin: 20rpx 44rpx 0rpx 44rpx;
    border-radius: 0rpx 0rpx 24rpx 24rpx;
    background-size: 100% auto;
  }

  .rurchaseMembership_fd1_0_c1 {
    width: 476rpx;
    height: 78rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .rurchaseMembership_fd1_0_c0 {
    width: 374rpx;
    height: 105rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .rurchaseMembership_fd1_0 {
    margin: 14rpx 74rpx 0rpx 74rpx;
  }

  .rurchaseMembership_flex_2 {
    padding: 35rpx 44rpx 120rpx 44rpx;
  }

  .rurchaseMembership_fd2_2_c1_c0 {
    color: #180600;
    font-size: 32rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .rurchaseMembership_fd2_2_c1 {
    background: url(image-path('146.png')) no-repeat;
    border-radius: 0rpx 50rpx 50rpx 0rpx;
    background-size: 100% 100%;
    width: 240rpx;
    height: 88rpx;
  }

  .rurchaseMembership_fd2_2_c0_c0 {
    color: #FFFFFF;
    font-size: 32rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .rurchaseMembership_fd2_2_c0 {
    margin: 0rpx 0rpx 0rpx 45rpx;
  }

  .rurchaseMembership_fd2_2 {
    // background: rgba(31, 31, 31, 1);
    // border-radius: 0;
    width: 100%;
    background-size: 100% 100%;
    margin-top: 10rpx;
    // position: fixed;
    // left: 0;
    // bottom: 0;
    // padding: 12rpx;
    // z-index: 5;
  }

  .flixed-bottom {
    background: rgba(31, 31, 31, 1);
    border-radius: 0;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 24rpx 0;
    z-index: 5;
  }

  .rurchaseMembership_fd2_1_c1_c8_c1 {
    color: #FFFFFF;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 36rpx;
    margin: 18rpx 0rpx 0rpx 0rpx;
    text-align: center;
  }

  .rurchaseMembership_fd2_1_c1_c0 {
    margin: 39rpx 0rpx 0rpx 0rpx;
    width: 165rpx;
  }

  .rurchaseMembership_fd2_1_c1 {
    padding: 0rpx 0rpx 39rpx 0rpx;
  }

  .rurchaseMembership_fd2_0_c1_c0_c1 {
    color: #FFFFFF;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 36rpx;
    margin: 18rpx 0rpx 0rpx 0rpx;
  }

  .rurchaseMembership_fd2_0_c1_c0_c0 {
    width: 82rpx;
    height: 82rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .rurchaseMembership_fd2_0_c1 {
    padding: 39rpx 48rpx 39rpx 48rpx;
  }

  .rurchaseMembership_fd2_0_c0_c0 {
    color: #FAEADD;
    font-size: 44rpx;
    font-weight: 400;
    line-height: 52rpx;
  }

  .rurchaseMembership_fd2_0_c0 {
    background: rgba(19, 21, 25, 1);
    padding: 39rpx 0 39rpx 0;
    background-size: 100% auto;
    text-align: center;
    margin: 0 auto;
  }

  .rurchaseMembership_fd2_0 {
    border: 1px solid rgba(66, 68, 70, 1);
    margin: 0rpx 0rpx 30rpx 0rpx;
    border-radius: 16rpx;
  }

  .rurchaseMembership_flex_3 {
    background: rgba(255, 255, 255, 1);
    width: 542rpx;
    border-radius: 16rpx;
    background-size: 100% auto;
  }

  .rurchaseMembership_fd3_0_c5 {
    background: rgba(227, 193, 167, 1);
    border-radius: 50rpx;
    width: 348rpx;
    line-height: 80rpx;
    font-size: 28rpx;
    color: rgba(139, 90, 55, 1);
    margin: 48rpx 0rpx 0rpx 0rpx;
  }

  .rurchaseMembership_fd3_0_c3 {
    color: #333333;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 44rpx;
    margin: 28rpx 0rpx 0rpx 0rpx;
  }

  .rurchaseMembership_fd3_0_c2 {
    color: #333333;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 44rpx;
    margin: 48rpx 0rpx 0rpx 0rpx;
  }

  .rurchaseMembership_fd3_0_c1 {
    color: #999999;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 44rpx;
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .rurchaseMembership_fd3_0_c0 {
    color: #333333;
    font-size: 36rpx;
    font-weight: 800;
    line-height: 44rpx;
  }

  .rurchaseMembership_fd3_0 {
    padding: 40rpx 0rpx 40rpx 0rpx;
  }
</style>
